<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
	</head>
	<body>
		<div id="wrap">
			<div id="scroll">
				<!-- 头部 -->
			     <header class="header">
					    <!-- logo-->
						<div class="head">
							<div class="logo">
							    <h1><a href="#" id="logo"></a></h1>
							</div>
							<div class="search">
								<span class="iconfont">&#xeace;</span>搜索商品,共47496好物
							</div>
							<div class="logoin">
								<button type="button">登录</button>
							</div>
						</div>
						<!-- 频道 -->
						<div class="channel"><!-- blockChannel -->
							<div class="title">全部频道</div>
							<div class="scrollWrap">
								  <div class="inner">
								  	 <a href="#" class="active">推荐</a>
									 <a href="#">居家生活</a>
									 <a href="#">服饰钱包</a>
									 <a href="#">美食酒水</a>
								     <a href="#">个护清洁</a>
								     <a href="#">母婴亲子</a>
								     <a href="#">运动旅行</a>
								     <a href="#">数码家电</a>
									 <a href="#">全球特色</a>
								  </div>
								  <div class="more">
								  	 <div>
										 <span class="iconfont">&#xe63e;</span>
									 </div>
								  </div>
							</div>
						</div>
						
				 </header>
			     <!-- banner-->
				 <div class="banner">
					  <div class="wrap">
					  	<a href="#"><img src="https://yanxuan.nosdn.127.net/d8b91f9b95a9e84967364e1203e01894.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
					    <a href="#"><img src="https://yanxuan.nosdn.127.net/ee767ce00b4e3cdc54cbffb3d693468e.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/0047b05a75503ba1af43f8abd0b2bbb3.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/67bfe04c8fb13473e50456813f5cf27b.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/6c03a67baf2935220592ffc61c86979c.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/5a4d1ff8fab4576a03bad94dbf840268.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/c17c351e55e1ddfb207fa65570bd3fd2.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/b14ed91ec52f326dbe0098bec69265e3.jpg?type=webp&imageView&quality=75&thumbnail=750x0" ></a>
						
					  </div>
					  <div class="circle">
					  	 <span class="active"></span>
						 <span></span>
						 <span></span>
						 <span></span>
						 <span></span>
						 <span></span>
						 <span></span>
						 <span></span>
					  </div>
				 </div>
				 <!-- 导航-->
				 <nav class="nav">
					 <ul class="service">
					 	<li><span class="iconfont">&#xe69d;</span><span>网易自营</span></li>
						<li><span class="iconfont">&#xe6f4;</span><span>30天无忧退货</span></li>
						<li><span class="iconfont">&#xe61b;</span><span>48小时快速退款</span></li>
					 </ul>
					 <ul class="navList">
					 	<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/c6fd8835a6400b7da7a016ad85506b69.png" >
							</a>
							<span>新品首发</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/fede8b110c502ec5799702d5ec824792.png" >
							</a>
							<span>居家生活</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/896a3beac514ae8f40aafe028e5fec56.png" >
							</a>
							<span>服饰鞋包</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/37520d1204a0c55474021b43dac2a69e.png" >
							</a>
							<span>美食酒水</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/6c3bd9d885c818b1f73e497335a68b47.png" >
							</a>
							<span>个护清理</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/559d2a240ec20b096590a902217009ff.png" >
							</a>
							<span>母婴亲子</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/5c088559ebcc3f0ffcda663f04dfbeb2.png" >
							</a>
							<span>运动旅行</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/fbca8e1f2948f0c09fc7672c2c125384.png" >
							</a>
							<span>数码家电</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/f7281169d4e82d5d8d52aa1fec83fe01.png" >
							</a>
							<span>全球特色</span>
						</li>
						<li>
							<a href="#">
								<img src="https://yanxuan.nosdn.127.net/12e8efd15b9b210ab156a7ee9b340548.gif" >
							</a>
							<span>好货超底</span>
						</li>
					 </ul>
				 </nav>
			      <!-- 广告-->
				  <div class="ad">
						<a href="#"><img src="https://yanxuan.nosdn.127.net/93fd207d65d28e6d815de6126eaf2403.png?quality=75&type=webp&imageView&thumbnail=375x0" ></a>
						<a href="#"><img src="https://yanxuan.nosdn.127.net/bb3fc854d67acef94a225ea3fa3d5755.png?quality=75&type=webp&imageView&thumbnail=375x0" ></a>
				  </div>
				  <!-- 新人专享礼-->
				  <div class="newPeople">
				  	 <h3><span>新人专享礼</span></h3>
				     <div class="content">
				     	<a href="#" class="contentLeft">
							<h4>新人专享礼包</h4>
							<div class="img">
								
							</div>
						</a>
						<div class="contentRight">
							<a href="#">
								<h4>福利社</h4>
								<p>今日特价</p>
								<div class="discount">
									<div>￥30.9</div>
									<div>￥35</div>
								</div>
							</a>
							<a href="#">
								<h4>新人拼团</h4>
								 <p>1元起包邮</p>
								 <div class="discount1">
								 	<div>￥324.75</div>
								 	<div>￥1299</div>
								 </div>
							</a>
						</div>
				     </div>
				  </div>
			       <!-- 类目热销榜-->
				   <div class="hot">
				   	   <h3>类目热销榜</h3>
					   <div class="hotContent1">
					   	  <a href="#">
							  <span>热销榜</span>
							  <img src="https://yanxuan-item.nosdn.127.net/c40842640f6a1a2509960c2029aca1b8.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						  </a>
						  <a href="#">
						  	<span>好评榜</span>
						  	 <img src="https://yanxuan-item.nosdn.127.net/6ca4f35ed719057790f63eaeeee354b0.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						  </a>
					   </div>
					   <ul class="hotContent2">
					   	 <li>
							 <a href="#">
								 <span>美食酒水榜</span>
								 <img src="https://yanxuan-item.nosdn.127.net/a903a6812fc7e0df8f1b84237e368f29.png?quality=75&type=webp&imageView&thumbnail=200x200" >
							 </a>
						 </li>
						 <li>
							<a href="#">
						 	     <span>居家生活榜</span>
						 	    <img src="https://yanxuan-item.nosdn.127.net/86989f8cb0ece3d5ebf903b988abae79.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
						 	<a href="#">
						 	    <span>服饰鞋包榜</span>
						 	    <img src="https://yanxuan-item.nosdn.127.net/268ab6fc96bb61800aae957e60eadb40.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
						 	<a href="#">
						 	      <span>个护清洁榜</span>
						 	      <img src="https://yanxuan-item.nosdn.127.net/7a0e064c1fd99b5eb16608bca9b7aa0d.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
						 	<a href="#">
						 	        <span>数码家电榜</span>
						 	        <img src="https://yanxuan-item.nosdn.127.net/7c850ef50fc408c4eab4d7abdb920da3.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
						 	<a href="#">
						 	        <span>严选全球榜</span>
						 	        <img src="https://yanxuan-item.nosdn.127.net/7642edf5434fe9dcb1cf8ff29d9d5c03.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
						 	<a href="#">
						 	        <span>母婴亲子榜</span>
						 	        <img src="https://yanxuan-item.nosdn.127.net/74662d24f6d217b520178c5a6d031457.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
						 <li>
							<a href="#">
						 	        <span>运动旅行榜</span>
						 	        <img src="https://yanxuan-item.nosdn.127.net/2a3d5179df95e6c5ba6472704a2b0921.png?quality=75&type=webp&imageView&thumbnail=200x200" >
						 	 </a>
						 </li>
					   </ul>
				   </div>
					<!--限时购  -->
					<div class="limit">
						<div class="title">
							<h3>限时购</h3>
						     <div class="time">
						     	<span>00</span>:<span>00</span>
								:<span>00</span>
						     </div>
							 <a href="#" class="more"><span>更多</span><span class="iconfont">&#xe614;</span></a>
						</div>
						<ul class="list">
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/52918a7569096bdb30b47f7ceca3d28f.png?quality=75&type=webp&imageView&thumbnail=216x216" >
									<p>
										<span>￥628</span>
										<span>￥689</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/5763c449cb194edb4166e1bd3acf0b2d.png?quality=75&type=webp&imageView&thumbnail=216x216" >
								<p>
									<span>￥398</span>
									<span>￥499</span>
								</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/5763c449cb194edb4166e1bd3acf0b2d.png?quality=75&type=webp&imageView&thumbnail=216x216" >
									<p>
										<span>￥108</span>
										<span>￥128</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/66e8381ccdb25847c57b889910038822.png?quality=75&type=webp&imageView&thumbnail=216x216" >
									<p>
										<span>￥299</span>
										<span>￥399</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/4f5744971de6aab22ff4312a3a9a4eb1.png?quality=75&type=webp&imageView&thumbnail=216x216" >
									<p>
										<span>￥819</span>
										<span>￥999</span>
									</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/0f3d2ee932a80837aa537f8fe602300c.png?quality=75&type=webp&imageView&thumbnail=216x216" >
									<p>
										<span>￥221</span>
										<span>￥299</span>
									</p>
								</a>
							</li>
						</ul>
					</div>
					<!-- 新品首发 -->
					<div class="newProductor">
						<div class="title">
							<h3>新品首发</h3>
							<a href="#" class="more"><span>更多</span><span class="iconfont">&#xe614;</span></a>
						</div>
						<ul>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/6b0423fb3755b61a2d8979de39c54e8a.png?type=webp&imageView&quality=65&thumbnail=330x330" >
									<p>
										折叠出水口可自动停止 3秒速热便携饮水机
									</p>
									<span>￥319</span>
									<button type="button">限时购</button>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/f568b81e67ed94954c5177fa7aab3270.png?type=webp&imageView&quality=65&thumbnail=330x330" >
									<p>
										吸足10次尿量,婴儿奢柔吸纸尿裤PRO版
									</p>
									<span>￥79</span>
									<button type="button">特价</button>
									<button type="button">换购</button>
								</a>
							</li>
							<li>
								<a href="#">
								<img src="https://yanxuan-item.nosdn.127.net/b4892bff6e5ade75b4583da328da20e7.png?type=webp&imageView&quality=65&thumbnail=330x330" >
								<p>
									眼镜+首饰+手表,超声波除菌清洁机pro版
								</p>
								<span>￥299</span>
								<span>每满200减15卷</span>
							     </a>
							</li>
							<li>
								<a href="#">
								<img src="https://yanxuan-item.nosdn.127.net/b4987c9b676f71f2b55b5b6396
								a4fed5.png?type=webp&imageView&quality=65&thumbnail=330x330 ">
								<p>地收腰短款表强温 女式狐狸毛领收腰短款羽绒服</p>
								 <span>￥732</span>
								 <button type="button">特价</button>
								 </a>
							</li>
							<li>
								<a href="#">
									<img src="https://yanxuan-item.nosdn.127.net/6a50bd8e0b2d0f66c0224ff85586a9a9.png?type=webp&imageView&quality=65&thumbnail=330x330" >
								  <p>吸着吃的网红橙,爱媛果冻橙五斤</p>
								  <span>￥55</span>
								  <button type="button">特价</button>
								</a>
							</li>
							<li>
								<a href="#">
								<img src="https://yanxuan-item.nosdn.127.net/2dffc83551401e34ef6eeec5f964c027.png?type=webp&imageView&quality=65&thumbnail=330x330" >
								<p>不漂白更健康 臻语竹韵M码3层抽纸 6包/提</p>
								<span>￥16.9</span>
								<span>每满200减15卷</span>
								</a>
							</li>
							
						</ul>
					</div>
					<!-- 购物指导 -->
					<ul class="guide">
						<li>
							<a href="#">
								<h3>超值专区</h3>
								 <h4>低至9.9元</h4>
								 <img src="https://yanxuan-item.nosdn.127.net/6f4174968ff47cb68d1f5dd4edb569cb.png?quality=75&type=webp&imageView&thumbnail=150x150" >
								 <img src="https://yanxuan-item.nosdn.127.net/1f0c3f5d32b0e804deb9b3d56ea6c3b2.png?quality=75&type=webp&imageView&thumbnail=150x150" >
							</a>
						</li>
						<li>
							<a href="#">
								<h3>员工精选</h3>
								<h4>天天内部价</h4>
								<img src="https://yanxuan-item.nosdn.127.net/039a1f3e40d3841d16e74039375fd728.png?quality=75&type=webp&imageView&thumbnail=150x150" >
								<img src="https://yanxuan-item.nosdn.127.net/44b26f36153072a5cc6dd253aab3cb82.png?quality=75&type=webp&imageView&thumbnail=150x150" >
							</a>
						</li>
					</ul>
					<!-- 底部 -->
					<footer class="foot">
						<div class="btn">
							<a href="#">
								下载APP
							</a>
							<a href="#">电脑版</a>
						</div>
						<p>网易公司版权所有 © 1997-</p>
						<p>食品经营许可证：JY13301080111719</p></p>
					</footer>
					<!-- 底部导航 -->
					<nav class="footernav">
						<a href="#" class="active">
						<span class="iconfont">&#xe651;</span>
						<span>首页</span>
						</a>
						<a href="#">
						<span class="iconfont">&#xe627;</span>
						<span>分类</span>
						</a>
						<a href="#">
						<span class="iconfont">&#xe620;</span>
						<span>值得买</span>
						</a>
						<a href="#">
						<span class="iconfont">&#xe650;</span>
						<span>购物车</span>
						</a>
						<a href="#">
						<span class="iconfont">&#xe652;</span>
						<span>个人</span>
						</a>
					</nav>
					<!-- 礼物与回到顶部 -->
					<a href="javascript:;" class="backTop">
						<span class="iconfont">&#xe6fd;</span>
					</a>
					<!--遮罩层-->
					<div class="shadow">
						
					</div>
			</div>
		</div>
	</body>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
